<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/plantilla/plantilla.xhtml">

	<ui:define name="usuario" />
	<ui:define name="menu" />
	<ui:define name="contenido">

		<h:form id="formLogin">

			<p:panel id="panel" header="Acceso Restringido"
				style="width:400px; 
															position: absolute; 
												 			top:20%; 
															left:50%; 
															margin-top:100px; 
															margin-left:-200px;">

				<h:outputLabel value="Para acceder al sistema, ingrese su usuario y contrase&ntilde;a en los campos indicados."/>
				<br />
				<p:spacer width="100" height="10" />

				<p:fieldset style="width: 90%;">

					<h:panelGrid columns="3">

						<p:spacer width="20" height="5" />

						<h:outputLabel value="Usuario: "/>
						<p:inputText id="usuario"
							value="#{sessionUsuarioBean.usuario.username}" 
							label="Usuario" style="width: 120%;" />
						<p:spacer width="20" height="5" />

						<h:outputLabel value="Contrase&ntilde;a: " />
						<h:inputSecret id="clave" 
							label="Contrase&ntilde;a"
							value="#{sessionUsuarioBean.usuario.password}"
							style="width: 120%;"
							class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all"
							role="textbox" aria-disabled="false" aria-readonly="false"
							aria-multiline="false" />

					</h:panelGrid>

					<h:panelGrid columns="3" cellpadding="6">
						<p:spacer width="187" height="5" />
						
						<p:commandButton
							actionListener="#{sessionUsuarioBean.validarUsuario}"
							update="panel" id="btnIngresar" 
							title="Ingresar"
							value="Ingresar"
							icon="ui-icon-key"/>
					</h:panelGrid>

				</p:fieldset>
				<p:messages id="msgs" showDetail="true"/>

			</p:panel>

		</h:form>

	</ui:define>
</ui:composition>
</html>